<!DOCTYPE html>
<html lang="en">
  <head>
    <title></title>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <style>
      h3 {
        margin: 0;
        padding: 0;
      }
      table {
        font-size: 14px;
        text-align: center;
        border-collapse: collapse;
      }
      caption {
        height: 45px;
        line-height: 45px;
        font-weight: 700;
        font-size: 18px;
        background-color: #f8f8f8;
      }

      thead tr {
        background-color: #f1f1f1;
      }

      tbody tr:nth-child(2n + 1) {
        background-color: #f5f5f5;
      }

      tbody tr:nth-child(2n) {
        background-color: #f8e7e5;
      }

      th,
      td {
        width: 150px;
        height: 35px;
      }

      td span {
        color: #999;
        font-size: 12px;
      }

      .price {
        color: #f15d52;
        font-weight: 700;
      }

      button {
        width: 75px;
        height: 25px;
        outline: none;
        border: 0;
        color: #fff;
        font-size: 12px;
        background-color: #f0483c;
        border-radius: 15px;
      }
    </style>
  </head>
  <body>
    <table>
      <caption>
        影院电影放映列表
      </caption>
      <thead>
        <tr>
          <th>放映时间</th>
          <th>语言版本</th>
          <th>放映厅</th>
          <th>售价(元)</th>
          <th>选座购票</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>
            <h3>13:15</h3>
            <span>15:00散场</span>
          </td>
          <td>国语3D</td>
          <td>2号厅</td>
          <td class="price">￥48.5</td>
          <td>
            <button>选座购票</button>
          </td>
        </tr>
        <tr>
          <td>
            <h3>13:15</h3>
            <span>15:00散场</span>
          </td>
          <td>国语3D</td>
          <td>2号厅</td>
          <td class="price">￥48.5</td>
          <td>
            <button>选座购票</button>
          </td>
        </tr>
        <tr>
          <td>
            <h3>13:15</h3>
            <span>15:00散场</span>
          </td>
          <td>国语3D</td>
          <td>2号厅</td>
          <td class="price">￥48.5</td>
          <td>
            <button>选座购票</button>
          </td>
        </tr>
        <tr>
          <td>
            <h3>13:15</h3>
            <span>15:00散场</span>
          </td>
          <td>国语3D</td>
          <td>2号厅</td>
          <td class="price">￥48.5</td>
          <td>
            <button>选座购票</button>
          </td>
        </tr>
        <tr>
          <td>
            <h3>13:15</h3>
            <span>15:00散场</span>
          </td>
          <td>国语3D</td>
          <td>2号厅</td>
          <td class="price">￥48.5</td>
          <td>
            <button>选座购票</button>
          </td>
        </tr>
      </tbody>
    </table>
  </body>
</html>
